<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="node_modules/lodash/lodash.js"></script>
    <script type="text/javascript" src="dist/1.0.0/midway/facade.umd.js"></script>
    <script type="text/javascript" src="node_modules/vue/dist/vue.js"></script>
    <script type="text/javascript" src="node_modules/vue-class-component/dist/vue-class-component.js"></script>
    <script type="text/javascript" src="node_modules/vue-router/dist/vue-router.js"></script>
</head>
<body>
<!--
<div>
    <button value="Sub" onclick="goSub()">Sub</button>
    <button value="Triple" onclick="">Triple</button>
</div>-->


<div id="main">
    <router-view></router-view>
</div>

<script>
    var router = new VueRouter({
        routes: [{
            path: "/main",
            component: Midware.componentRequire('Login:Login')
        }, {
            path: "/sub",
            component: Midware.componentRequire('Login:Admin')
        }, {
            path: "/triple",
            component: Midware.componentRequire('Login:Register')
        }]
    });
    new Vue({
        el: "#main",
        router: router,
        beforeCreate() {
            this.$router.replace('/main')
        }
    });
</script>
</body>
</html>